﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/MasterPageDetail.master"
    CodeFile="Detail.aspx.cs" Inherits="Detail" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderRight" runat="Server">
    <script src="<%=LinkHelper.GetLinkJs("kTabs.js")%>" type="text/javascript"></script>
    <script type="text/javascript" src="<%=LinkHelper.GetLinkJs("jquery.js")%>"></script>
    <script type="text/javascript" src="<%=LinkHelper.GetLinkJs("jcarousellite_1.0.1c4.js")%>"></script>
    <%if (sanpham != null)
      {%>
    <div class="head-sub">
        <%=sanpham.TenSanPham %></div>
    <div class="detail-pro">
        <div class="pic-pro">
            <img id="mainimg" width="250px" height="175px" src="<%=LinkHelper.GetLinkHinhAnh(sanpham.IsHinhAnhNull()?"":sanpham.HinhAnh)%>" />
            <div id="slideprev" style="float: left;margin-top:30px"></div>
            <div id="album" style=" padding-top: 20px;float: left">
                <ul>
                <li>
                <img src="<%=LinkHelper.GetLinkHinhAnh(sanpham.IsHinhAnhNull()?"":sanpham.HinhAnh)%>" width="65px" height="50px" />
                </li>
                    <asp:Repeater ID="repAlbum" runat="server">
                        <ItemTemplate>
                            <li>
                                <img src="<%#LinkHelper.GetLinkHinhAnh(Eval("HinhAnh"))%>" width="65px" height="50px" />
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
                
                
            </div>
            <div id="slidenext" style="float: left;margin-top:30px"></div>
        </div>
        <div class="detail-pro">
            <div class="title-detail">
                <%=sanpham.TenSanPham %></div>
            <p>
                Hãng sản xuất:
                <%=sanpham.HangSanXuat %></p>
            <p>
                Loại:
                <%=sanpham.ChungLoai %>
            </p>
            <%--							<p><%=sanpham.ThongSoKyThuat %></p>
            --%>
            <p class="more-detail">
                Giá:
                <%=LinkHelper.FormatMoney( sanpham.Gia) %></p>
            <script type="text/javascript">
                $(function () {
                    $("#album").jCarouselLite({
                        speed: 500,
                        btnNext: "#slidenext",
                        btnPrev: "#slideprev"
                    });
                    $("#album img").click(function () {
                        $("#mainimg").attr("src", $(this).attr("src"));
                    })
                });
            </script>
            <%--							<div class="detail">Chi tiết</div>
            --%>
        </div>
    </div>
    <div class="detail-sub">
        <div class="shadetabs">
            <ul>
                <li id="tabs1" onclick="show_next1('tabs1')" class="selected"><a href="javascript:void(0)">
                    Tổng quan</a></li>
                <li id="tabs2" onclick="show_next1('tabs2')"><a href="javascript:void(0)">Thông số kỹ
                    thuật</a></li>
                <li id="tabs3" onclick="show_next1('tabs3')"><a href="javascript:void(0)">Hình ảnh</a></li>
            </ul>
        </div>
        <div class="content-tab" id="tabs1_data">
            <h2>
                Thông tin sản phẩm</h2>
            <%=sanpham.TongQuan %>
            <p class="more-tab">
                *Giá trên có thể thay đổi mà không cần báo trước.</p>
        </div>
        <div class="content-tab" id="tabs2_data" style="display: none;">
            <h2>
                Thông số kỹ thuật</h2>
            <%=sanpham.ThongSoKyThuat %>
        </div>
        <div class="content-tab" id="tabs3_data" style="display: none;">
            <h2>
                Hình ảnh</h2>
            <%=sanpham.Album %>
        </div>
    </div>
    <%}
      else
      {%>
    <div class="head-sub">
        Không tồn tại sản phẩm này trong hệ thống</div>
    <%} %>
    <div class="doi-tac">
        <div class="head-dt">
            <h2>
                Sản phẩm cùng loại</h2>
        </div>
        <div class="right-pro" style="width: 758px">
            <asp:Repeater runat="server" ID="repSanPhamCungLoai">
                <ItemTemplate>
                    <div class="pro-item" style="width: 180px; text-align: center">
                        <div class="head-item" style="font-size: 9px">
                            <a href='<%#LinkHelper.LinkSanPham(Eval("SanPhamID"))%>'>
                                <%#Eval("TenSanPham")%></a></div>
                        <%--						<div class="item">
							<ul>
								<li>Hãng: <%#Eval("HangSanXuat")%></li>
								<li>Loại: <%#Eval("ChungLoai")%></li>
								<li>Giá: <%#Eval("Gia")%></li>
							</ul>
							<div class="more"><a href='<%#LinkHelper.LinkSanPham(Eval("SanPhamID"))%>'>Chi tiết</a></div>
						</div>
                        --%>
                        <div class="img-item" style="float: none; margin: auto">
                            <a href='<%#LinkHelper.LinkSanPham(Eval("SanPhamID"))%>'>
                                <img src="<%#LinkHelper.GetLinkHinhAnh(Eval("HinhAnh"))%>" /></a>
                        </div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <!--product2-->
        </div>
    </div>
</asp:Content>
